<template>
  <div :class="prefix">
    <!-- <div :style="`background-image: url(${currentFrame});`" class="title-bg" /> -->

    <img :src="currentFrame" class="title-bg-img" alt="" srcset="" />
  </div>
</template>

<script setup lang="ts">
import animate from './frames';
const prefix = 'sprite';

const rootPath = '/src/assets/sprite/';
const { currentFrame } = animate(rootPath, 49);
</script>

<style lang="scss" scoped>
.sprite {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: $height;
  padding: $padding;
  
  background: #1a1f27;
}
</style>
